.home-header {
	height: 60px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .05);
	background: #fff;
	position: relative;
	z-index: auto;
	& > div {
		height: 100%;
		padding: 15px;
		line-height: 30px;
	}
	@media(max-width: 765px) {
		height: 120px;
		& > div {
			height: 60px;
			&.home-logo {
				width: 100%;
				float: none;
			}
			&.home-login {
				width: 100%;
				float: none;
				.home-login-close {
					left: 0;
					box-shadow: none;
				}
			}
		}
	}
	.home-logo {
		float: left;
		width: 260px;
		font-size: 30px;
		font-weight: bold;
		background: #32323a;
		div:first-child {
			color: #2DA4BE;
		}
		div:last-child {
			color: #FFF;
		}
		@media (max-width: 765px) {
			div {
				display: inline-block;
				&:last-child {
					margin-left: 9px;
				}
			}
		}
	}
	.home-login {
		float: right;
		padding: 20px;
		cursor: pointer;
		line-height: normal;
		color: #666666;
		position: relative;
		.home-login-welcome {
			
		}
		.home-login-close {
			position: absolute;
			z-index: auto;
			opacity: 0;
			transition: opacity .5s;
			top: 100%;
			right: 0;
			background: #FFF;
			width: 230px;
			height: 80%;
			padding: 13px;
			text-align: center;
			box-shadow: 0 0 5px 2px #d6d6d6;
			border-radius: 3px;
			border: 1px solid #bbbbbb;
			display: none;
			a {
				color: #000;
				&:hover {
					color: #225081;
				}
			}
		}
		&:hover {
			.home-login-close {
				display: block;
				opacity: 1;
			}
		}
	}
}
